@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

/*禁止文本缩放 字体设置  取消touch高亮效果*/

  html {

      width: 100%;

      height: 100%;

      -webkit-text-size-adjust: 100%;

      font-family: -apple-system, "PingFang SC","Helvetica Neue", Helvetica, STHeiTi, sans-serif;

      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

      font-size: 62.5%;

      background: transparent;

  }

body {

    width: 100%;

    height: 100%;

    -webkit-overflow-scrolling: touch;

    background: #f5f5f5;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {

    margin: 0;

    padding: 0;

}
/*清除输入框内阴影*/
  input, select,textarea {

      border: 0;

      -webkit-appearance: none;

      appearance:none;

  }

ol, ul {

    list-style: none;

}

/*禁止选中文本内容*/

  *:not(input, select, textArea) {

      -webkit-user-select: none;

  }

/*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/

                        img,a{

                            -webkit-touch-callout:none;

                        }

a,a:active,a:hover {

    text-decoration: none;

}

/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/

a,button,input,textarea{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*---------------------------------------------商品详情---------------------------------------------------------------*/
.detailsContainer{
    width: 100%;
    background: #f5f5f5;
}
.goods_show{
    width: 100%;
    height: 300px;
    background: #FFFFFF;
}
.goods_show>div{
    width: 100%;
    height:300px;
    margin: 0 auto;
}
.goods_show>div>img{
    width: 100%;
    height: 100%;
}
.shop_info{
    width: 100%;
    background: #F3F9FF;
}
.shop_info>div{
    width: 95.7%;
    margin: 0 auto;
    overflow: hidden;
    background: #F3F9FF;
}
.shop_info .shop_name{
    font-size: .85rem;
    color: #030303;
    letter-spacing: 1px;
    line-height: 1.15rem;
    margin-top: .5rem;
}
.shop_info .shop_price{
    font-size: 1rem;
    color: red;
    margin-top: .8rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #dcdcdc;
}
.shop_info>div>div{
    width: 100%;
    height: 2rem;
    position: relative;
    overflow: hidden;
}

.shop_info>div>div>ul{
    overflow: hidden;
    padding: .5rem 0;
}
.shop_info>div>div>ul {
    position: absolute;
    left: 0;
    top: 0;
}

.shop_info>div>div>ul>li{
    float:left;
    font-size:.6rem;
    color: #888888;
    background: url(../images/mall_tab.svg) no-repeat center left;
    background-size: 1.0rem;
    padding-left: 1.25rem;
}
.shop_info>div>div>ul>li:not(:first-child){
    margin-left: .5rem;
}
.shop_info>div>div>a{
    width: .6rem;
    height: 1rem;
    display: block;
    position: absolute;
    right: 0;
    top: .4rem;
    background: url(../images/right.svg) no-repeat center center;
}
.shop_model {
    width: 100%;
    background: #FFFFFF;
    margin-top: .5rem;
}
.shop_model>div{
    width: 95.7%;
    margin: 0 auto;
    overflow: hidden;
    background: #FFF;
}
.shop_model>div>ul{
    overflow: hidden;
}
.shop_model>div>ul>li{
    float:left;
    font-size: .75rem;
    padding: .5rem 0;
    color: #333333;
}
.shop_model>div>ul>li:nth-child(2){
    margin-left: 1.6rem;
}
.shop_model>div>ul>li:nth-child(3){
    margin-top: -1px;
    margin-left: .6rem;
}
.shop_model>div>ul{
    float: left;
}

.shop_model>div>a{
    float: right;
    margin-top: .5rem;
    width: .6rem;
    height: 1rem;
    display: block;
    background: url(../images/right.svg) no-repeat center center;
}
.shopInfo_tab{
    width: 100%;
    margin-top: .5rem;
    background: #FFFFFF;
}
.shopInfo_tab>div{
    width: 77%;
    margin: 0 auto;
}
.shopInfo_tab>div>ul{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}
.shopInfo_tab>div>ul>li{
    font-size: .75rem;
    padding: .5rem 0;
    color: #333333;
}

.shopInfo_tab .active{
    color:#31B4FF;
}
.fixedDiv{
    width: 100%;
}
.image-text_details{
    width: 100%;
    padding-bottom: 3rem;
}
.image-text_details .image-textContainer{
    width: 100%;
    background-size: cover;
}
.image-text_details .image-textContainer img{
    width: 100%;
    display: block;
}

.second{
    margin-top: .5rem;
}
.third{
    margin-top: .5rem;
}
#toTop{
    width:2rem;
    height:2rem;
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 15%;
    right: 5%;
    background: url(../images/mall_sopping_top.svg) no-repeat center center;
}

.parameter{
    width: 100%;
    padding-bottom: 3rem;
    background: #fff;
}
.parameter>div{
    width: 97.3%;
    margin: 0 auto;
    font-size: .7rem;
}
.parameter table{
    width: 100%;
    background: #fff;
    border-collapse:collapse;
}
.parameter table td{
    padding: .65rem 0;
    border: 1px solid #DCDCDC;
}
.parameter table tr td:nth-of-type(1){
    width: 20%;
    border-left: none;
    padding-left: .5rem;
}
.parameter table tr td:nth-of-type(2){
    width: 80%;
    border-right: none;
    padding-left: .5rem;
}
.packing{
    width: 100%;
    background: #fff;
    padding-bottom: 3rem;
    padding-top: .5rem;
    border-top: 1px solid #DCDCDC;
}
.packing>div{
    width: 97.3%;
    margin: .5rem auto 0;
}
/*.packing>div:not(:first-child){*/
    /*margin: .5rem auto 0;*/
/*}*/
.packing>div>p{
    border-left: 5px solid #31B4FF;
}
.packing>div>p{
    font-size: .7rem;
    color: #31B4FF;
    padding-left: .7rem;
}
.packing>div>ul>li{
    font-size: .7rem;
    margin-top: .2rem;
}
footer{
    width: 100%;
    height: 2.3rem;
    overflow: hidden;
    background: #fff;
    position: fixed;
    bottom:0;
}
footer>div{
    height: 100%;
    float: left;
}
footer>div:nth-of-type(1),footer>div:nth-of-type(2){
    border-top: 1px solid #DCDCDC;
}
footer>div>img{
    width: 1.1rem;
    height: 1.1rem;
}
footer>div:nth-child(1){
    width: 3.575rem;
    overflow: hidden;
}
footer>div:nth-child(1)>dl,.footer>div:nth-child(1)>div{
    float: left;
}
/*.footer>div:nth-child(1)>div{*/
    /*width: 10px;*/
    /*height: 15px;*/
    /*background: red;*/
    /*border: 1px solid black;*/
/*}*/
footer>div:nth-child(2){
    width:4.125rem;
}
footer>div:nth-child(1)>dl{
    width: 1.8rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: .5rem;
    color: #A9A9A9;
}
footer>div:nth-child(2)>dl{
    width: 1.8rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: .5rem;
    color: #A9A9A9;
}
footer>div>a{
    display: inline-block;
    width: 5.5rem;
    height: 100%;
    line-height: 2.3rem;
    font-size: .7rem;
    color:#fff;
    text-align: center;
    text-decoration: none!important;
}
.addShopcar{
    background: #00B3AE ;
    opacity: .5;
}
.buyNow{
    background:#31B4FF;
}
.cancelCollect{
    position: fixed;
    text-align: center;
    top: 35%;
    width:12rem;
    background: #333;
    opacity: .9;
    z-index: 999;
    border-radius: 4px;
}
.cancelCollect>p{
    color: #fff;
    font-size: .8rem;
    padding: .5rem;
}
.wrapper{
    height: 100%;
    width: 100%;
    background: #333;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
}
.shopCar,.shopExplain{
    width: 100%;
    height: 20.4rem;
    background: #fff;
    position:fixed;
    bottom: 0;
    display: none;
    z-index: 999;
}
.shopCarHeader,.shopCarMiddle,.shopCarFooter,.shopExplainHeader,.shopExplainMiddle{
    width: 95%;
    margin: 0 auto;
}
.shopCarHeader{
    height: 4rem;
    border-bottom: 1px solid #DCDCDC;
}
.shopCarHeader>div{
    float:left;
}
.shopCarHeader>div:nth-child(3){
    float: right;
}
.shopCarHeader>div:nth-child(1) img{
    width: 4.5rem;
    height: 4.5rem;
    margin-top: -1rem;
}
.shop_color>p{
    display: inline-block;
    font-size: .7rem;
    padding: .5rem;
    background: #F5F5F5;
    border-radius: 3px;
    text-align: center;
    margin-top: .5rem;
}
.shop_color>p{
    margin-left: .5rem;
}
.shoCar_active{
    background: #31B4FF!important;
    color: #fff;
}
.shopCarMiddle{
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: .5rem;
}
.shopCarFooter{
    overflow: hidden;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: .5rem;
}
.shopCarFooter>p{
    margin-top: .5rem;
    font-size: .7rem;
    float: left;
}
.shopCarFooter>div{
    margin-top: .5rem;
    float: right;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.shopCarFooter .reduce{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.shopCarFooter .add{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.shopCarFooter>div>div{
    display: flex;
    justify-content: center;
    align-items:center;
    border: 1px solid #DCDCDC;
    width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    font-size: .8rem;
}
.shopCarFooter>div>div:nth-child(2){
    border-left: none!important;
    border-right: none!important;
    width: 1.5rem!important;
}
.jionShopCar{
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.jionShopCar>a{
    text-align: center;
    line-height: 2.2rem;
    font-size: .8rem;
    color: #fff;
    width: 100%;
    height: 2.2rem;
    display: block;
    float: left;
    text-decoration: none!important;
}
.jionShopCar>a:nth-of-type(1){
    background: #31B4FF;
}
.jionShopCar>a:nth-of-type(2){
    background: #43A890;
}
.shopExplain{
    overflow:scroll;
}
.shopExplainHeader{
    overflow: hidden;
}
.shopExplainHeader>div{
   display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.shopExplainHeader>div p{
    font-size: .85rem;
    color: #030303;
    letter-spacing: 1px;
    line-height: 1.15rem;
    margin-top: .5rem;
}
.shopExplainMiddle>ul>li{
    font-size:.6rem;
    color: #888888;
    background: url(../images/mall_tab.svg) no-repeat top left;
    background-size: 1.2rem;
    padding:.1rem 0 .5rem 1.25rem ;
    margin-top: 2rem;
}